<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head th:replace="lib :: common_header"></head>
    <body>
        <div th:replace="lib :: header_box"></div>
        <div th:replace="lib :: menu_box (21)"></div>

        <div class="main-box">
            <div class="main-container">
                <!-- 面包屑导航 -->
                <div class="row main-container-header">
                    <div class="col-md-12 rel">
                        <div class="main-container-header-line fix">
                            <div class="row">
                                <div class="col-xs-6 col-md-6"> <h4 class="g4"> <a class="a-back" href="javascript:history.go(-1)"><em class="el-icon-arrow-left"></em>
                                    <em th:text="${title}"></em>
                                </a></h4></div>
                                <div class="col-xs-6 col-md-6 tr f12">
                                    <div class="bread-link-box">
                                        当前位置：<a th:href="@{/console/organization}">会员管理</a>
                                        &nbsp;&gt;&nbsp;
                                        <em th:text="${title}"></em>
                                    </div><!-- /bread-link-box -->
                                </div>
                            </div><!-- /row -->
                        </div><!-- main-container-header-line -->
                    </div>
                </div><!-- /main-container-header -->

                <div class="f14" id="app" v-cloak>
                    <br>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-9" style="max-width:550px;">
                            <el-form :model="orgForm" :rules="orgRules" ref="orgForm" label-width="130px">
                                <el-form-item label="会员名称" prop="name">
                                    <el-input v-model="orgForm.name"></el-input>
                                </el-form-item>
                                <el-form-item label="会员地址" prop="address">
                                    <el-input v-model="orgForm.address"></el-input>
                                </el-form-item>
                                <el-form-item label="会员类型" prop="type">
                                    <el-select v-model="orgForm.type" placeholder="请选择">
                                        <el-option
                                                v-for="item in orgTypes"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item label="会员邮箱" prop="email">
                                    <el-input v-model="orgForm.email" placeholder="请输入邮箱"></el-input>
                                </el-form-item>
                                <el-form-item label="联系人" prop="contract">
                                    <el-input v-model="orgForm.contact" placeholder="请输入联系人"></el-input>
                                </el-form-item>
                                <el-form-item label="联系电话" prop="contract_phone">
                                    <el-input v-model="orgForm.contact_phone" placeholder="请输入联系电话"></el-input>
                                </el-form-item>
                                <el-form-item label="联系人移动电话" prop="contract_mobile">
                                    <el-input v-model="orgForm.contact_mobile" placeholder="请输入移动电话"></el-input>
                                </el-form-item>

                                <el-form-item>
                                    <el-button @click="javascript:history.go(-1)">取 消</el-button>
                                    <el-button type="primary" @click="saveOrganization('orgForm')">确 定</el-button>
                                </el-form-item>
                            </el-form>
                        </div><!-- /col -->
                    </div><!-- /row -->

                </div><!-- /app -->
            </div>
        </div>
        <div th:replace="lib :: javascript_box"></div>
        <script> var id = '[[${id}]]'; </script>
        <script th:src="@{/lib/console/organization_add.js}"></script>
    </body>
</html>

